<p-dialog header="{{title}}" [(visible)]="display" modal="modal" [responsive]="true" [width]="900" [minWidth]="200" (onHide)="closeVisitorDetailMask(false)">
  <!--<p-panel header="{{title}}">-->
  <div class="ui-grid ui-grid-responsive ui-grid-pad ui-fluid" style="margin: 10px 0px">
    <form [formGroup]="visitor" class="form-horizontal">

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-4 addr">
          <label for="" >绑定标签id：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="65"
          />
        </div>
        <div class="ui-grid-col-4 addr">
          <label for="" >是否结束：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="65"
          />
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-4 addr">
          <label for="" >登记时间：</label>
          <p-calendar  [showIcon]="true" [locale]="zh" name="time_start"
                       [styleClass]="'endData'" dateFormat="yy-mm-dd"  dataType="string"
                       [minDate]="minDate" [style.width.%]="65">
          </p-calendar>
        </div>
        <div class="ui-grid-col-4 addr">
          <label for="" >结束时间：</label>
          <p-calendar  [showIcon]="true" [locale]="zh" name="time_start"
                       [styleClass]="'endData'" dateFormat="yy-mm-dd"  dataType="string"
                       [minDate]="minDate" [style.width.%]="65">
          </p-calendar>
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-4 addr">
          <label for="" >姓名：</label>
          <input class="cursor_not_allowed"
                 type="text" formControlName="remark1"
                 pInputText id="" [style.width.%]="65"
          />

        </div>
      </div>
      <div class="ui-grid-row margin-bottom-1vw"
           *ngIf="!visitor.controls['remark1'].untouched && !visitor.controls['remark1'].valid">
        <div class="ui-grid-col-6">
          <div class="ui-message ui-messages-error ui-corner-all"  *ngIf="!visitor.hasError('maxLength','remark1')">
            <i class="fa fa-close"></i>
            不超过100字符
          </div>
        </div>
      </div>


      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-4 addr">
          <label for="" >性别：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="65"
          />
        </div>
        <div class="ui-grid-col-4 addr">
          <label for="" >民族：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="65"
          />
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-4 addr">
          <label for="" >出生日期：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="65"
          />
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-8 addr">
          <label for="" >住址：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="83"
          />
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-4 addr">
          <label for="" >身份证号：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="65"
          />
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-4 addr">
          <label for="" >签发机关：</label>
          <input class="cursor_not_allowed"
                 type="text" pInputText id="" [style.width.%]="65"
          />
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-8 addr">
          <label for="" >有效期限：</label>
          <p-calendar  [showIcon]="true" [locale]="zh" name="time_start"
                       [styleClass]="'endData'" dateFormat="yy-mm-dd"  dataType="string"
                       [minDate]="minDate" [style.width.%]="33">
          </p-calendar>
          <label for="" >至：</label>
          <p-calendar  [showIcon]="true" [locale]="zh" name="time_start"
                       [styleClass]="'endData'" dateFormat="yy-mm-dd"  dataType="string"
                       [minDate]="minDate" [style.width.%]="33">
          </p-calendar>
        </div>
      </div>

      <div class="ui-grid-row margin-bottom-1vw">
        <div class="ui-grid-col-2"></div>
        <div class="ui-grid-col-8 addr">
          <label for="" >备注：</label>
          <textarea formControlName="" name="remark" pInputTextarea type="text" [style.width.%]="83"></textarea>
        </div>
      </div>

    </form>
  </div>
  <!--</p-panel>-->
</p-dialog>
